/*
  学习目标：在jsx中可以在`{}`来使用js表达式
  步骤：
     1. string number - 正常渲染
     2. boolean undefined null - 不会渲染
     3. 引用类型：对象 数组 函数
        对象：❌在虚拟dom的内容中，不能直接渲染对象
        数组：里面的每一项，都会渲染成一个元素
*/
import React from 'react';
import ReactDOM from 'react-dom';

/* 
数组： 数组里面的每一项，都会渲染成一个元素
数组渲染，我们也叫他 列表渲染
*/
const arr = [<div>1</div>, <div>2</div>, <div>3</div>];
const dom = <div>{arr}</div>;

ReactDOM.render(dom, document.getElementById('root'));
